<template>
  <div>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>用户管理</el-breadcrumb-item>
      <el-breadcrumb-item>用户列表</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  },
  methods: {
    getBreadcrumbData () {
      console.log(this.$route.matched)
    }
  },
  // created() {
  //   this.getBreadcrumbData()
  // },
  // computed: {
  //   route () {
  //     let { matched } = this.$route
  //     console.log(matched)
  //     // matched.filter(element => {

  //     // });
  //     return this.$route.matched
  //   }
  // },
  watch: {
    $route () {
      this.getBreadcrumbData()
    }
  }
}
</script>

<style lang="less" scoped></style>
